草庐IT

CSS 导航栏图标

全部标签

javascript - 如何为 chrome 扩展制作开/关按钮/图标?

我想让用户决定何时运行脚本,以便在打开浏览器时显示“关闭”图标并且不运行脚本;但是当用户单击它时,它会变为“打开”图标并执行用户脚本,直到用户单击关闭。我有两个png图标,每个都是32x32:on.png和off.png。我的两个问题:如何将默认图标设置为我的off.png?我在我的manifest.json中试过这个,但它没有设置图标,而是显示了一个拼图(我假设是默认的):..."browser_action":{"default_icon":{"32":"off.png"},"default_title":"icon"},"icons":{"32":"on.png","32":"o

javascript - 忽略 ASP.net 中的 Javascript、CSS 和图像文件路由

我上下调整了StackOverflow,但不幸的是,没有一个答案对我有帮助。我有一个Web应用程序,它使用VisualStudio提供的IIS在我的本地PC上完美运行,但是当我将此应用程序部署到服务器时,只有CSS才能正确显示。文件的文件夹结构如下:Root(此文件夹在服务器上名为KnowledgeManagement)CSSJS媒体上传文件图片用户我的代码,至少母版页的头部部分是这样的:然而,浏览器生成它是这样的:问题是除了CSS之外,JS文件夹中的文件和Media或Uploads文件夹和子文件夹中的文件都没有正确生成。问题是,如果我在图像src属性前添加“斜杠”,图像将获取位置ht

javascript - CSS @media 查询(和其他嵌套选择器)的正则表达式解析

我正在开发一个Node脚本,它使用正则表达式来解析CSS文件,并且它工作得很好......除了处理@media查询时。问题是由于嵌套的花括号让我很不舒服。我基本上想创建一个媒体查询中所有内容的捕获组:这是我到目前为止所获得的内容。@media[^{]+\{([^}]+)}\s*}这适用于一些简单的事情,例如:@media(max-width:868px){aside.size-toggle{display:none;}}但是不能拾取多个嵌套规则,像这样:@media(max-width:767px){#wrapper.sidebar-displayaside{left:0;transi

javascript - 数据表 - 排序图标复制

我正在尝试为此处找到的数据表设置示例-http://www.datatables.net/examples/basic_init/zero_configuration.html一切都成功了,但由于某种原因,排序图标重复了,我不知道为什么。这是它显示的样子-这是我正在使用的html-{%extends"dashboard/base.html"%}{%loadstatic%}{%blockextra_head%}$(document).ready(function(){$('#files').DataTable();});{%endblock%}{%blocktitle%}{{user}}

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 如何将 Javascript 变量值放入 CSS?

如何让time变量的内容显示为content我的CSS中的属性?JavaScript:functionclock(){vard=newDate();varhour=d.getHours();varmin=d.getMinutes();vartime=hour+":"+min;}CSS:.screen{position:absolute;height:75%;width:75%;background:#98E8EE;top:11.5%;left:12.5%;}.screen::after{color:#F9F5F4;font-size:40px;content:;font-family:

javascript - drupal 主题 : how do I include several css files/js files on my theme's . 信息文件?

我正在创建一个新的Drupal主题。到目前为止,我只需要包含一个css文件和一个js文件。所以我的theme.info文件有这样的东西:stylesheets[all][]=css/style.cssscripts[]=js/script.js现在我必须包含jquery和jquery-ui才能使用日历日期。它们带有2个新的javascript文件和1个我必须添加到站点的附加css文件。日历输入表单将用于所有页面(在侧block上),因此我可以在所有页面上加载额外的css/javascript。我认为最简单的方法是在.info文件本身上引用它们。起初我试着把它们放在单独的空格里:styl

javascript - javascript 中的导航器对象。如何确定所有属性

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:HowdoIenumeratethepropertiesofajavascriptobject?美好的一天!我想通过执行以下代码来使用javascript确定我的导航器的所有属性:for(varpropertyinnavigator){str="navigator."+property;//HAVINGAPROBLEMHERE...document.write(property+"  "+str+"");}但是我的str变量的连接按原样打印。我需要的是属性(property)的实际值(va

javascript - 导航折叠不起作用 [Twitter Bootstrap]

好吧,我只是想做一个基本的导航栏,就像他们在主Bootstrap站点上做的那样。问题是由于某种原因它不工作。我的代码几乎和他们一样。当我调整窗口大小时,导航消失了,但右上角带有三个栏的图标没有显示。所以本质上导航只是被隐藏了。对此有什么想法吗? 最佳答案 想通了!对于任何好奇的人,请确保在bootstrap-responsive.css之前链接bootstrap.css 关于javascript-导航折叠不起作用[TwitterBootstrap],我们在StackOverflow上找到